<template>
  <span ><i class="unlike"></i><b>888</b></span>
</template>
<script>
export default {
  name: 'likes'
};
</script>
<style lang="less" scoped>
@imgurl: "../../assets/img/";
span {
  text-align: left;
}
span i {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 39px;
}
span b {
  display: inline-block;
  vertical-align: middle;
  width: 53px;
  height: 39px;
  line-height: 39px;
}
.unlike {
  background: url("@{imgurl}sprite.png") no-repeat -28px -18px;
  background-size: 750px 1331px;
}
.like {
  background: url("@{imgurl}sprite.png") no-repeat -82px -18px;
  background-size: 750px 1331px;
}
</style>
